<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!-- 

        宽度尽量使用百分比，特别是图片

        怪异盒模型    有宽高才生效

        省略号    一定不能使用内边距     外边距调整间距

        字体图标  http:

        写页面的时候

            字体图标默认字体大小写的是16px   ->    .iconfont{font-size:.32rem}

            app的头部和底部一般是固定的     body {padding-top: ; padding-bottom: ;}

            固定定位 ，必写宽度和位置 

            footer   active / current / cur  !!!!   当前这个页面的样式

            body   line-height:2     2倍，会随着字体大小大小发生改变

     -->
    
</body>
</html>